<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec"%>
<spring:url value="/js/candidato/lingueconosciute.js" var="jsUrl"></spring:url>
<script src="${jsUrl}" type="text/javascript"></script>
<div class="unit-row" >
	<div class="unit-70" style="width:100%;opacity:0.7;background-color:#FFFFFF;font-weight:bold;">
		<nav class="nav-tabs" style="width:1000px">
			<ul>
				<li><a href="${flowExecutionUrl}&_eventId=dati-generali">Dati anagrafici</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=studi-compiuti">Studi compiuti</a></li>
				<li><span>Lingue conosciute</span></li>
				<li><a href="${flowExecutionUrl}&_eventId=conoscenze-informatiche">Conoscenze informatiche</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=esperienze-lavorative">Esperienze Lavorative</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=domande-attitudinali">Analisi</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=altre-informazioni">Altre Informazioni</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=documenti">Documenti</a></li>
				<sec:authorize ifAllGranted="ROLE_ADMIN">
					<li><a href="${flowExecutionUrl}&_eventId=note-selezionatore">Note</a></li>
				</sec:authorize>
				<li><a href="<c:url value="j_spring_security_logout" />">Logout</a></li>
			</ul>
		</nav>
		<br />
		<c:if test="${not empty datiLingueSalvati}">
			<div class="message message-success">
				<span class="close"></span> Dati salvati con successo!
			</div>
		</c:if>
		<c:if
			test="${not empty requestScope['org.springframework.validation.BindingResult.lingueConosciuteForm'].allErrors}">
			<div class="message message-error">
				<span class="close"></span> Sono presenti degli errori!
			</div>
		</c:if>
		<br>

		<h4 id="toc-base" class="head-toc head-toc-start">Lingue
			conosciute</h4>
		<br />
		<form:form id="lingueConosciute" method="post"
			action="${flowExecutionUrl}" commandName="lingueConosciuteForm"
			cssClass="forms forms-columnar">

			<form:hidden path="lingueConosciute.idLinguaConosciuta" />
			<input type="hidden" name="_eventId" >
			<form:hidden id="validateLingueConosciute" path="validateLingueConosciute"/>
			<form:hidden id="validateAltraLingua" path="validateAltraLingua"/>
			<p class="forms-inline">
				<form:label path="lingueConosciute.linguaMadre1" cssErrorClass="error">Madre lingua 1: <em
						class="req">*</em>
				</form:label>
				<form:select id="linguaMadre1" path="lingueConosciute.linguaMadre1"
					cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30">
					<form:option value="">Seleziona una lingua madre</form:option>
					<form:options items="${listaLingue}" />
				</form:select>
				<form:errors path="lingueConosciute.linguaMadre1" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="lingueConosciute.linguaMadre2" cssErrorClass="error">Madre lingua 2:
					</form:label>
				<form:select path="lingueConosciute.linguaMadre2" cssClass="width-30"
					cssErrorClass="input-error width-30">
					<form:option value="">Seleziona una seconda lingua madre</form:option>
					<form:options items="${listaLingue}" />
				</form:select>
				<form:errors path="lingueConosciute.linguaMadre2" cssClass="error"></form:errors>
			</p>


			<br />
			<h5 id="toc-base" class="head-toc head-toc-start">
				<em>Selezioni la lingua conosciuta e ne indichi il livello
					(Letto, Scritto e Parlato). Dopo aver compilato i campi prema il
					pulsante <br/>"Salva lingua conosciuta" per confermare le Sue scelte e
					poter inserire una nuova lingua.</em>
			</h5>
			<p>
			<table class="width-100 table-bordered table-hovered">
				<thead>
					<tr>
						<th class="width-20">Lingua</th>
						<th class="width-30">Capacit&agrave;</th>
						<th class="width-30">Livello</th>
						<th class="width-10">&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<c:if test="${fn:length(lingueConosciuteForm.lingueConosciute.altreLingue) == 0}">
						<tr>
							<td colspan="4">
									<div align="center"><strong>Non sono presenti altre lingue conosciute</strong></div>
							</td>
						</tr>
					</c:if>
					<c:if test="${fn:length(lingueConosciuteForm.lingueConosciute.altreLingue) > 0}">
						<c:forEach var="risultato"
							items="${lingueConosciuteForm.lingueConosciute.altreLingue}">
							<tr>
								<td class="handle"><c:out value="${risultato.lingua}"></c:out>
								</td>
								<td><c:out value="${risultato.capacita}"></c:out></td>
								<td>
								<c:choose>
									<c:when test="${risultato.livello == 1}">Base</c:when>
									<c:when test="${risultato.livello == 2}">Intermedio</c:when>
									<c:otherwise>Avanzato</c:otherwise>
								</c:choose>
                                </td>
								<td class="handle"><spring:url value="/images/"
										var="images"></spring:url> <a
									href="${flowExecutionUrl}&_eventId=modificaAltraLingua&idAltraLingua=${risultato.idAltraLingua}">
										<img alt="Modifica lingua"
										src="${images}/glyphicons_150_edit.png" border="0" />
								</a> &nbsp; <a
									href="${flowExecutionUrl}&_eventId=eliminaAltraLingua&idAltraLinguaDaCancellare=${risultato.idAltraLingua}">
										<img alt="Elimina lingua"
										src="${images}/glyphicons_016_bin.png" border="0" />
								</a></td>

							</tr>
						</c:forEach>
					</c:if>
				</tbody>
			</table>
			<br />

			<fieldset>
				<legend>
					<c:if test="${empty lingueConosciuteForm.altraLingua.idAltraLingua}">Nuovo</c:if>
					<c:if test="${not empty lingueConosciuteForm.altraLingua.idAltraLingua}">Modifica</c:if>
					titolo di studio
				</legend>

				<form:hidden path="altraLingua.idAltraLingua" />


				<p class="forms-inline">
					<form:label path="altraLingua.lingua" cssErrorClass="error">Lingua? <em
							class="req">*</em>
					</form:label>
					<form:select
						path="altraLingua.lingua" cssClass="width-30" maxlength="50"
						cssErrorClass="input-error width-30">
						<form:option value="">Seleziona una lingua</form:option>
						<form:options items="${listaAltreLingue}" />
					</form:select>
					<form:errors path="altraLingua.lingua" cssClass="error"></form:errors>
				</p>
				<p class="forms-inline">
					<form:label path="altraLingua.capacita" cssErrorClass="error">Capacit&agrave;?<em
							class="req">*</em>
					</form:label>

					<form:select path="altraLingua.capacita" cssClass="width-30"
						cssErrorClass="input-error width-30">
						<form:option value="">Seleziona una capacit&agrave;</form:option>
						<form:option value="Letto">Letto</form:option>
						<form:option value="Scritto">Scritto</form:option>
						<form:option value="Parlato">Parlato</form:option>
					</form:select>
					<form:errors path="altraLingua.capacita" cssClass="error"></form:errors>
				</p>
				<p class="forms-inline">
					<form:label path="altraLingua.livello" cssErrorClass="error">Livello?<em
							class="req">*</em>
					</form:label>
					<form:select path="altraLingua.livello" cssClass="width-30"
						cssErrorClass="input-error width-30">
						<form:option value="">Seleziona un livello</form:option>
						<form:option value="1">Base</form:option>
						<form:option value="2">Intermedio</form:option>
						<form:option value="3">Avanzato</form:option>
					</form:select>

					<form:errors path="altraLingua.livello" cssClass="error"></form:errors>
				</p>


				<p align="right">

					<input type="reset" class="btn" value="Annulla"> <input id="salvaAltraLingua"
						type="submit" class="btn" value="Salva lingua conosciuta">
				</p>
			</fieldset>
		<br />
			<div class="head-toc head-toc-start">
				<em>Quanto tempo ha speso all'estero(per motivi formativi o
					lavorativi)? <br>(Ci racconta dove, per quanto tempo e che
					attivit&agrave; ha svolto?)
				</em>
			</div>
			<br />

				<form:textarea id="esperienzaEstero" path="lingueConosciute.esperienzaEstero"
					cssClass="width-70" maxlength="4000"
					cssErrorClass="input-error width-70" />
				<form:errors path="lingueConosciute.esperienzaEstero" cssClass="error"></form:errors>
			<p align="right">

				<input type="reset" class="btn" value="Annulla"> <input id="salvaLingueConosciute"
					type="button" class="btn" value="Salva">
			</p>

		</form:form>
	</div>
</div>
